<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../课件/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
//				$(document).ajaxComplete(function(){ //当Ajax请求完成后注册一个回调函数。
//					
//					console.log('ajaxComplete');
//				}).ajaxSend(function(){              //在Ajax请求发送之前绑定一个要执行的函数
//					
//					console.log('ajaxSend');
//				}).ajaxSuccess(function(){           //绑定一个函数当 Ajax 请求成功完成时执行
//					
//					console.log('success');
//				}).ajaxError(function(){             //绑定一个函数当 Ajax 请求失败时执行
//					
//					console.log('error');
//				}).ajaxStop(function(){              //在AJAX 请求完成时执行一个处理函数 , 后于  ajaxComplete
//					
//					console.log('stop');
//				}).ajaxStart(function(){             //在AJAX 请求刚开始时执行一个处理函数。
//					
//					console.log('start')
//				})
//				
//				$('#box').load('text.html'+Math.random(),function(){
//					console.log('loda complete')
//				})

//              $.ajax({
//              	type:"get",
//              	url:"http://wthrcdn.etouch.cn/weather_mini",
//              	async:true,
//              	data:{city:'广州'},
//              	
//              	success:function(_data){
//              		console.log('success');
//              		console.log(_data);
//              	},
//              	error:function(){
//              		console.log('error')
//              	}
//              	
//              });


//              $('#box').load('text.html',function(){
//              	$('#txt').val('success')
//              })
//              
//              $.get('http://10.3.136.10/course/api/api/ajax/getuser')
//              
//              $.post('http://10.3.136.10/course/api/api/ajax/getuser',{nickname:'rof'},function(data){
//              	console.log(data);
//              })


//              $.get('http://10.3.136.10/ctapi/dispatch/offers/FetchSupplier',function(data,textStatus,jqXHR){
//              	console.log(data)
//              	data = JSON.parse(data);
//              	for(var i=0; i<data.datagrid.data.rows.length;i++){
//              		var currRow = data.datagrid.data.rows[i];
//              		var $tr = $('<tr></tr>');
//              		$tr.html($tr.html() + '<td></td>');
//              		$tr.html($tr.html() + '<td>' + currRow.RowData.suname.DisPlayValue + '</td>');
//              		$tr.html($tr.html() + '<td>' + currRow.RowData.suaddress.DisPlayValue + '</td>')
//              		$tr.html($tr.html() + '<td>' + currRow.RowData.contact.DisPlayValue + '</td>')
//              		$tr.html($tr.html() + '<td>' + currRow.RowData.suphone.DisPlayValue + '</td>')
//              		$('#table').append($tr);
//              	}
//              	
//              })
                
//              $(document).ajaxError(function() {
//				  $( "div.log" ).text( "Triggered ajaxError handler." );
//				});
				$( "button.trigger" ).click(function() {
				  $( "div.result" ).load( "ajax/missing.html" );
				});
				
				//如果 $.ajax() 或 $.ajaxSetup()调用时， global 选项设置为 false， .ajaxError()将不会触发。
				
				$(document).ajaxSend(function(event, jqxhr, settings) {
				  $( ".log" ).text( "Triggered ajaxSend handler." );
				  console.log(event);
				  console.log(jqxhr);
				  console.log(settings.url);
				});
				
//				$( document ).ajaxError(function(event, jqxhr, settings, thrownError) {
//				  if ( settings.url == "ajax/missing.html" ) {
//				    $( "div.log" ).text( "Triggered ajaxError handler." );
//				    console.log(event);
//				    console.log(jqxhr);
//				    console.log(settings);
//				    console.log(thrownError);
//				  }
//				});
			})
		</script>
	</head>
	<body>
		
		<button class="trigger">Trigger</button>
		<div class="result"></div>
		<div class="log"></div>
		
		<div id="box">
			<table  id="table" border="" cellspacing="0" cellpadding="0">
				<tr><th>序号</th><th>供应商名称</th><th>供应商地址</th><th>供应商联系人</th><th>供应商电话</th></tr>
				
			</table>
		</div>
	</body>
</html>
